import React from 'react';
import { connect } from 'react-redux';
import Taro from '@tarojs/taro';
import { View, Button, Text } from '@tarojs/components';
// import tmpAvart from "@/images/me/tmpAvart.png";
import './index.scss';

const CoinCard = ({}) => {
  const bindCard = () => {
    Taro.navigateTo({ url: '/orderSubPack/digitalCard/bind/index' });
  };
  return (
    <View className="coinCard">
      <View className="car red">
        {/*<Image src={tmpAvart} className="tmpAvart" />*/}
        <Text className="tmpAvart"></Text>
        <View className="text">
          <Text className="name">中国银行</Text>
          <Text className="num">3506**** ***223</Text>
        </View>
      </View>
      {/*<View className="car blue">
        <Image src={tmpAvart} className="tmpAvart" />
        <Text className="tmpAvart"></Text>
        <View className="text">
          <Text className="name">建设银行</Text>
          <Text className="num">3506**** ***223</Text>
        </View>
      </View>*/}
      <View className="btn">
        <Button className="btn-yellow" onClick={bindCard}>
          绑定新卡
        </Button>
      </View>
    </View>
  );
};
export default connect(({}) => ({}))(CoinCard);
